<template>
  <BasicModal v-bind="$attrs" @register="innerRegister" :title="'日志详情'"
              style="background-color: red">
    <BasicTable   @register="registerTable">
      <template #toolbar>
      </template>
      <template #bodyCell="{ column, record }">
        <template v-if="column.key === 'action'">
          <input>
          <!--  <TableAction
               :actions="[
                 { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'seatransportation:order-record:update', onClick: handleEdit.bind(null, record) },
                 {
                    icon: IconEnum.DELETE,
                    color: 'error',
                    label: t('action.delete'),
                    auth: 'seatransportation:order-record:delete',
                    popConfirm: {
                      title: t('common.delMessage'),
                      placement: 'left',
                      confirm: handleDelete.bind(null, record)
                    }
                }
              ]"
            />-->
        </template>
      </template>
    </BasicTable>
  </BasicModal>
</template>

<script setup lang="ts">
  import {BasicModal, useModalInner} from '@/components/Modal'

  import { useI18n } from '@/hooks/web/useI18n'
  import { useMessage } from '@/hooks/web/useMessage'
  import { IconEnum } from '@/enums/appEnum'
  import { BasicTable, useTable, TableAction } from '@/components/Table'
  import { deleteOrderRecord, exportOrderRecord, getOrderRecordPage } from '@/api/seatransportation/orderRecord'
  import { columns, searchFormSchema } from './orderRecord.data'

  const { t } = useI18n()
  const { createConfirm, createMessage } = useMessage()
  defineOptions({name: 'OrderModals'})


  const [registerTable, { getForm, reload }] = useTable({
    title: '海运订单日志操作列表',
    api: getOrderRecordPage,
    columns,
    formConfig: { labelWidth: 120, schemas: searchFormSchema },
    useSearchForm: true,
    showTableSetting: true,
    actionColumn: {
      width: 140,
      title: t('common.action'),
      dataIndex: 'action',
      fixed: 'right'
    }
  })


  //集装箱信息
  //货物清单
  //质检照片
  //发件人信息
  //收件人信息


</script>

<style scoped></style>

